<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */

?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
	
	<title><?php echo bloginfo( 'name' ); ?><?php wp_title( '|', true, 'left' ); ?></title>
	
	<link rel="profile" href="http://gmpg.org/xfn/11" />
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
	
	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen"/>
	<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/templates.css" type="text/css" media="screen"/>
	<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/cl_gallery.css" type="text/css" media="screen"/>
	<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/colorbox.css" type="text/css"/>
	<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/print.css" type="text/css" media="print"/>
	
	
	<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.colorbox-min.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.scrollto-1.4.3.1-min.js"></script>
	
	<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/navigation.js"></script>
	<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/contraluz.js"></script>
	
	
	<script>
		if(typeof cl_current_url == "undefined"){
			var cl_current_url= '<?php echo cl_current_url(true); ?>';
			var cl_current_url_no_query= '<?php echo cl_current_url(false); ?>';
		}
		var cl_template_url= '<?php bloginfo('template_url')?>';		

		var ajaxurl= '<?php echo admin_url('admin-ajax.php'); ?>';
		var cl_nav_load_more_text= '- <?php echo __('Load More Posts'); ?> -';
		var cl_nav_loading_more_text= '- <?php echo __('Loading'); ?>... -';
	</script>
		
	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

<div class="hide">
	<img src="<?php bloginfo('template_url')?>/img/bg/zenbg-1.png" class="hide" />
	<img src="<?php bloginfo('template_url')?>/img/bg/zenbg-2.png" class="hide" />
	<img src="<?php bloginfo('template_url')?>/img/icon/posts-loader-desktop.gif" class="hide" />
	<img src="<?php bloginfo('template_url')?>/img/icon/posts-loader-devices.gif" class="hide" />
</div>

<div role="page">

	<section role="header">
		<header>
			<a href="<?php bloginfo('url')?>" class="box big title blog_title"><?php echo bloginfo( 'name' ); ?></a>
			<span class="box hide_for_mobile blog_slogan"><?php echo bloginfo( 'description' ); ?></span>		
		</header>
		
		<?php get_search_form(); ?>
		
		<div class="clear"></div>
		
	</section>